.container {
	width: 90%;
	margin: 20px auto;
}

.row {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	/* grid-template-rows: 40px; */
	/* grid-template-rows: 3rem 1fr; */
	/* grid-template-areas: "tip" "ll"; */
	margin: 5px 0;
	align-items: center;
	justify-items: left;
	
	grid-gap: 5px;
	/* grid-row-gap: 35px; */
}


[class^="col-"] {
	width: 100%;
	height: inherit;
	white-space: nowrap;
}

.col-1 {
	grid-column-end: span 1;
	position: relative;
}
.col-2 {
	grid-column-end: span 2;
}
.col-3 {
	grid-column-end: span 3;
}
.col-4 {
	grid-column-end: span 4;
}
.col-5 {
	grid-column-end: span 5;
}
.col-6 {
	grid-column-end: span 6;
}
.col-7 {
	grid-column-end: span 7;
}
.col-8 {
	grid-column-end: span 8;
}
.col-9 {
	grid-column-end: span 9;
}
.col-10 {
	grid-column-end: span 10;
}
.col-11 {
	grid-column-end: span 11;
}
.col-12 {
	grid-column-end: span 12;
}